<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>


</head>

<body>
<div id="app">
<!--  / header  -->
<div class="header_longevity">
    <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
    </div>
    <div class="logo_longevity">视频播放</div>  
</div>
<!--  / header  -->


<div class="bigStage_history">
	<div class="video_bofang">
    <!--<video :src="video_url" autoplay="autoplay" loop="loop" width="100%" height="200px"></video>-->
	     <video id="Stage_video" width="100%"  controls="controls" height="200" autoplay='autoplay' loop='loop'>
	        <source style="width: 100%;" :src="video_url" type="video/mp4" />
	        你的浏览器不支持H5播放器
	    </video>
    </div>
</div>

</div>
</body>
<script>
$(window).ready(function(){

var vm = new Vue({
	el:"#app",
	data() {
        return {
            video_url:getCookie('video_url')
        }
	},
    created: function () {
    	this.FullScreen();
    	$('.video_bofang').height($(window).height())
    },
    mounted:function(){
    	
    },
    methods:{
    	//进入全屏
		FullScreen : function() {
		    var ele = document.documentElement;
		    if (ele .requestFullscreen) {
		        ele .requestFullscreen();
		    } else if (ele .mozRequestFullScreen) {
		        ele .mozRequestFullScreen();
		    } else if (ele .webkitRequestFullScreen) {
		        ele .webkitRequestFullScreen();
		    }
		}
    }
})
	

$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})
$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
/*$(".bigStage_history1").on('click',function(){
    window.location.href = "bigStage_vote1.html";
});*/

  
})  
</script>
</html>
